<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="libs/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="libs/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/password-reset.css" />
		<link rel="stylesheet" type="text/css" href="libs/nprogress.css" />
		<script src="libs/nprogress.js"></script>
		<title>阿里百秀 管理中心</title>
	</head>
	<body>
		<script>
			NProgress.start();
		</script>

		<div class="main">
			
			<!-- 顶部导航栏 --> 
			@@include('./common/top-nav.html')

			<div class="container-fluid">
				<div class="page-title"> 
					<h1>分类目录</h1>
				</div> 
				<!-- 有错误信息时展示 -->  
				<div class="alert alert-left alert-danger">
					<strong>错误！</strong>发生XXX错误
				</div>
				<div class="row">
					<div class="col-md-4">
							<h2>添加分类</h2>
							<div class="form-group">
								<label>名称</label>
								<input class="form-control category-name" type="text" placeholder="请输入分类名称">
							</div>
							<div class="form-group">
								<label>图标</label>
								<input class="form-control category-icon" type="text" placeholder="请输入分类图标类名">
							</div>
							<div class="form-group">
								<button class="btn btn-primary btn-add-category" type="submit">添加</button>
							</div>
					</div>
					<div class="col-md-8">
						<div class="page-action">
							<a class="btn btn-danger btn-sm" href="javascript:;">批量删除</a>
						</div>
						<table class="table table-striped table-bordered table-hover">
							<thead>
								<tr>
									<th class="text-center" width="40"><input type="checkbox"></th>
									<th>名称</th>
									<th class="text-center" width="100">操作</th>
								</tr>
							</thead>
							<tbody> 
							</tbody> 
						</table>
					</div>
				</div>
			</div>
		</div>

		<!-- 左侧导航栏 -->
		@@include('./common/aside.html')

		@@include('./common/base.html')

		@@include('./common/checkLoginStatus.html')

		<script src="libs/bootstrap.min.js"></script>
		<script src="js/category-list.js"></script>

		<script>
			NProgress.done();
		</script>
	</body>
</html>
